<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Learn plugin dev | Just another WordPress site</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://localhost/learn/xmlrpc.php" />
<!--[if lt IE 9]>
<script src="http://localhost/learn/wp-content/themes/twentytwelve/js/html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="Learn plugin dev &raquo; Feed" href="http://localhost/learn/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Learn plugin dev &raquo; Comments Feed" href="http://localhost/learn/?feed=comments-rss2" />
<link rel='stylesheet' id='twentytwelve-fonts-css'  href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&#038;subset=latin,latin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='twentytwelve-style-css'  href='http://localhost/learn/wp-content/themes/twentytwelve/style.css?ver=4.0' type='text/css' media='all' />
<!--[if lt IE 9]>
<link rel='stylesheet' id='twentytwelve-ie-css'  href='http://localhost/learn/wp-content/themes/twentytwelve/css/ie.css?ver=20121010' type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='http://localhost/learn/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://localhost/learn/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/learn/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/learn/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.0" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css">
#ajax_search_results {
background: gray; 
border:1px solid black; 
padding:5px; 
width:115px;
}
</style>
<script type="text/javascript">
jQuery(document).ready(main);
function main()
{
// Create a div where we can dynamically send results
jQuery('#search-2').append('<div id="ajax_search_results_go_here"></div>');
// Listen for changes in our search field (<input id="s" >)
jQuery('#s').keyup(get_search_results);
}
/*----------------------------------------------------------------SYNOPSIS:
Query our external search page
INPUT: 
none; reads values from the id='s' text input (the search query)
OUTPUT:
triggers the write_results_to_page() function, writes to console 
for logging.
-----------------------------------------------------------------*/
function get_search_results()
{
var search_query = jQuery('#s').val();
if(search_query != "" && search_query.length > 2 ) {
jQuery.get("ajax_search_results.php", { s:search_query }, 
write_results_to_page);
}
else
{
console.log('Search term empty or too short.');
}
}
/*----------------------------------------------------------------SYNOPSIS: 
Write the incoming data to the page. 
INPUT: 
data = the html to write to the page
OUTPUT: 
Writes HTML data to the 'ajax_search_results_go_here' id.
-----------------------------------------------------------------*/
function write_results_to_page(data) 
{
jQuery('#ajax_search_results_go_here').html(data);
}
</script>
</head>

<body class="home blog custom-font-enabled single-author">
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner">
		<hgroup>
			<h1 class="site-title"><a href="http://localhost/learn/" title="Learn plugin dev" rel="home">Learn plugin dev</a></h1>
			<h2 class="site-description">Just another WordPress site</h2>
		</hgroup>

		<nav id="site-navigation" class="main-navigation" role="navigation">
			<button class="menu-toggle">Menu</button>
			<a class="assistive-text" href="#content" title="Skip to content">Skip to content</a>
			<div class="nav-menu"><ul><li class="current_page_item"><a href="http://localhost/learn/">Home</a></li><li class="page_item page-item-2"><a href="http://localhost/learn/?page_id=2">Sample Page</a></li></ul></div>
		</nav><!-- #site-navigation -->

			</header><!-- #masthead -->

	<div id="main" class="wrapper">
	<div id="primary" class="site-content">
		<div id="content" role="main">
		
										
	<article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
				<header class="entry-header">
			
						<h1 class="entry-title">
				<a href="http://localhost/learn/?p=1" rel="bookmark">Hello world!</a>
			</h1>
										<div class="comments-link">
					<a href="http://localhost/learn/?p=1#comments" title="Comment on Hello world!">1 Reply</a>				</div><!-- .comments-link -->
					</header><!-- .entry-header -->

				<div class="entry-content">
			<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
<p id='dolly'>Hello, Dolly
</p>					</div><!-- .entry-content -->
		
		<footer class="entry-meta">
			This entry was posted in <a href="http://localhost/learn/?cat=1" rel="category">Uncategorized</a> on <a href="http://localhost/learn/?p=1" title="5:53 pm" rel="bookmark"><time class="entry-date" datetime="2014-11-04T17:53:24+00:00">November 4, 2014</time></a><span class="by-author"> by <span class="author vcard"><a class="url fn n" href="http://localhost/learn/?author=1" title="View all posts by admin" rel="author">admin</a></span></span>.								</footer><!-- .entry-meta -->
	</article><!-- #post -->
			
			
		
		</div><!-- #content -->
	</div><!-- #primary -->


			<div id="secondary" class="widget-area" role="complementary">
			<aside id="search-2" class="widget widget_search"><form role="search" method="get" id="searchform" class="searchform" action="http://localhost/learn/">
				<div>
					<label class="screen-reader-text" for="s">Search for:</label>
					<input type="text" value="" name="s" id="s" />
					<input type="submit" id="searchsubmit" value="Search" />
				</div>
			</form></aside>		<aside id="recent-posts-2" class="widget widget_recent_entries">		<h3 class="widget-title">Recent Posts</h3>		<ul>
					<li>
				<a href="http://localhost/learn/?p=1">Hello world!</a>
						</li>
				</ul>
		</aside><aside id="recent-comments-2" class="widget widget_recent_comments"><h3 class="widget-title">Recent Comments</h3><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href='https://wordpress.org/' rel='external nofollow' class='url'>Mr WordPress</a></span> on <a href="http://localhost/learn/?p=1#comment-1">Hello world!</a></li></ul></aside><aside id="archives-2" class="widget widget_archive"><h3 class="widget-title">Archives</h3>		<ul>
	<li><a href='http://localhost/learn/?m=201411'>November 2014</a></li>
		</ul>
</aside><aside id="categories-2" class="widget widget_categories"><h3 class="widget-title">Categories</h3>		<ul>
	<li class="cat-item cat-item-1"><a href="http://localhost/learn/?cat=1" >Uncategorized</a>
</li>
		</ul>
</aside><aside id="meta-2" class="widget widget_meta"><h3 class="widget-title">Meta</h3>			<ul>
						<li><a href="http://localhost/learn/wp-login.php">Log in</a></li>
			<li><a href="http://localhost/learn/?feed=rss2">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
			<li><a href="http://localhost/learn/?feed=comments-rss2">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="https://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>			</ul>
</aside>		</div><!-- #secondary -->
		</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">
		<div class="site-info">
						<a href="http://wordpress.org/" title="Semantic Personal Publishing Platform">Proudly powered by WordPress</a>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->

<script type='text/javascript' src='http://localhost/learn/wp-content/themes/twentytwelve/js/navigation.js?ver=20140711'></script>
</body>
</html>